<?php
$this->breadcrumbs = array(
    'Jefes de Práctica' => array('index'),
    $model->nombre . " " . $model->apellidoPaterno . " " . $model->apellidoMaterno => array('view', 'id' => $model->idJp),
    'AsignarHorario',
);

$this->menu = array(
    array('label' => 'Listar JP', 'url' => array('index')),
    array('label' => 'Crear JP', 'url' => array('create')),
    array('label' => 'Ver JP', 'url' => array('view', 'id' => $model->idJp)),
    array('label' => 'Administrar JP', 'url' => array('admin')),
);
?>

<?php
function dameFecha($fecha, $dia) {
    list($day, $mon, $year) = explode('/', $fecha);
    return date('d/m/Y', mktime(0, 0, 0, $mon, $day + $dia, $year));
}
?>

<h1>Asignar Disponibilidad a JP : <?php echo $model->nombre . " " . $model->apellidoPaterno; ?></h1>
<div class="row-fluid">
    <div class="span6">
<div class="form1">
    <?php 
        echo CHtml::beginForm(); date_default_timezone_set('America/Lima'); /*echo "Fecha : "; */ $fecha = date('d/m/Y');
    ?>    
    
    <input id="datepicker" type="text" value="<?php echo $fecha ?>" style="display: none">

    <div id="row" class="row" style="display: none">               <!---->
        <?php echo CHtml::textField('fecha_elegida', $fecha, array('id' => 'fecha_elegida1')); ?>        
    </div>        

    <script type="text/javascript">
        $(function() {
            $("#datepicker").datepicker({
                monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio',
                    'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
                monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun',
                    'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
                dayNames: ['Domingo', 'Lunes', 'Martes', 'Mi&eacute;rcoles', 'Jueves', 'Viernes', 'S&aacute;bado'],
                dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mi&eacute;', 'Juv', 'Vie', 'S&aacute;b'],
                dayNamesMin: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'S&aacute;'],
                dateFormat: 'dd/mm/yy',
                firstDay: 1,
                prevText: '&#x3c;Ant', prevStatus: '',
                prevJumpText: '&#x3c;&#x3c;', prevJumpStatus: '',
                nextText: 'Sig&#x3e;', nextStatus: '',
                nextJumpText: '&#x3e;&#x3e;', nextJumpStatus: '',
                currentText: 'Hoy', currentStatus: '',
                todayText: 'Hoy', todayStatus: '',
                clearText: '-', clearStatus: '',
                closeText: 'Cerrar', closeStatus: '',
                yearStatus: '', monthStatus: '',
                weekText: 'Sm', weekStatus: '',
                dayStatus: 'DD d MM',
                defaultStatus: '',
                isRTL: false,
                changeMonth: true, //muestra una lista de los meses
                changeYear: true, //muestra una lista de los años
                yearSuffix: '',
                onSelect: function(dateText, inst) {
                    document.getElementById("fecha_elegida").value = dateText;
                },
                beforeShowDay: $.datepicker.noWeekends
            });
        });        
    </script>       
    
    <div class="oculto" style="display: none">                
        <?php
        $this->widget('zii.widgets.jui.CJuiDatePicker', array(
            'id' => 'rango_fecha',
            'name' => 'rango_fecha',
            'language' => 'es',
            'value' => $fecha,
            'htmlOptions' => array(
                'size' => '10', 
                'maxlength' => '10',
            ),
            'options' => array(
                'changeMonth' => 'true',
                'changeYear' => 'true',
                'onSelect' => 'js: function(dateText, inst) {' . '}',
            ),
        ));
        ?>        
    </div>
            
    <?php    
        echo CHtml::ajaxSubmitButton('<< Semana anterior', array('jp/UpdateAsignarHorario/' . $model->idJp), array('update' => '#horario',), array('class'=>'btn', 'onClick'=>'javascript:alt_update1();'));    
        echo CHtml::endForm(); 
    ?>              
</div>
    </div>
    <div class="span6">
<div class="form2">
        <?php 
        echo CHtml::beginForm();
        ?>
        <div id="row" class="row" style="display: none">               <!---->
            <?php echo CHtml::textField('fecha_elegida', $fecha, array('id' => 'fecha_elegida2')); ?>        
        </div>        
                
        <?php 
            echo CHtml::ajaxSubmitButton('Semana Siguiente >>', array('jp/UpdateAsignarHorario/' . $model->idJp), array('update' => '#horario',), array('class'=>'btn', 'onClick'=>'javascript:alt_update2();'));               
            echo CHtml::endForm();         
        ?>
</div>
    </div>
</div>
<script type="text/javascript">
    function darFecha(fecha, days){
        
        //Obtenemos los milisegundos desde media noche del 1/1/1970
        tiempo=fecha.getTime();
        //Calculamos los milisegundos sobre la fecha que hay que sumar o restar...
        milisegundos=parseInt(days*24*60*60*1000);
        //Modificamos la fecha actual
        total=fecha.setTime(tiempo+milisegundos);
        day=fecha.getDate();
        month=fecha.getMonth()+1;
        year=fecha.getFullYear();
        if (day<10) day="0"+day;
        if (month<10) month = "0"+ month;

        return day+"/"+month+"/"+year;
    }
    function alt_update1() {            
        var strDate = document.getElementById("fecha_elegida1").value;
        var dateParts = strDate.split("/");
        var date = new Date(dateParts[2], (dateParts[1] - 1), dateParts[0]);
        document.getElementById("fecha_elegida1").value = darFecha(date,-7);
        
        var strDate = document.getElementById("fecha_elegida2").value;
        var dateParts = strDate.split("/");
        var date = new Date(dateParts[2], (dateParts[1] - 1), dateParts[0]);
        document.getElementById("fecha_elegida2").value = darFecha(date,-7);       
    }
    function alt_update2() {            
        var strDate = document.getElementById("fecha_elegida1").value;
        var dateParts = strDate.split("/");
        var date = new Date(dateParts[2], (dateParts[1] - 1), dateParts[0]);
        document.getElementById("fecha_elegida1").value = darFecha(date,7);        
        
        var strDate = document.getElementById("fecha_elegida2").value;
        var dateParts = strDate.split("/");
        var date = new Date(dateParts[2], (dateParts[1] - 1), dateParts[0]);
        document.getElementById("fecha_elegida2").value = darFecha(date,7);       
    }
</Script>

<div id="horario" >                
            <?php
            $this->renderPartial('_asignarHorario', array('model' => $model,
                /* 'modelDisponibilidad'=> $modelDisponibilidad, */
                'fecha_lun' => $fecha_lun,
                'fecha_mar' => $fecha_mar,
                'fecha_mie' => $fecha_mie,
                'fecha_jue' => $fecha_jue,
                'fecha_vie' => $fecha_vie,        
                'disponibilidadJP' => $disponibilidadJP,
            ));
            ?>               
</div>        